Skip to main content

Introduction

Introduction

Diagram is a new widget added in opnbi. This document shows the use of the diagram widget in opnbi. With this widget, users can visualize, create, and edit interactive diagrams. Angular Diagram is a Powerful, Feature-Rich Architecture Component.

A diagram is a symbolic representation of information using visualization techniques.

It supports creating flowcharts, organizational charts, mind maps, and BPMN charts. Experience seamless interaction and editing capabilities.

Flow Shapes

The Diagram provides all the standard flowchart shapes as ready-made objects to build flowcharts, making it easy to add them to a diagram surface in a single call. A flowchart is a visual representation of a process in which each step in the process is represented by a different shape.

For more information Click here

BPMN Shapes

BPMN shapes are used to represent the internal business procedure in a graphical notation and enable you to communicate the procedures in a standard manner.

For more information Click here

Logic Circuit

A logic circuit can give clarity to a confusing system with clear visual representation and instruction on how to construct the physical digital logic circuit. In opnbi Diagram’s logic circuit designer is a handy diagram editor that allows you to design logic circuits easily.

The logic circuit designer provides a variety of universal logic gates, flip-flops, and other components to design logic circuit diagrams.

For more information Click here

UML Shapes

A UML diagram provides a visual representation of an aspect of a system. The class diagram is used to represent the static view of an application. The class diagrams are widely used in modeling object-oriented systems because they are the only UML diagrams that can be mapped directly with object-oriented languages.

For more information Click here

Network Shapes

The shape of the network helps determine a network's usefulness to its individuals. Smaller, tighter networks can be less useful to their members than networks with lots of loose connections to individuals outside the main network.

For more information Click here

Connectors

Arrows (or connectors) represent the relationship or direction of flow between two flowchart shapes. Connectors are objects used to create the link between two points, nodes, or ports to represent the relationships between them.

For more information Click here

Interactive features

Connectors are objects used to create the link between two points, nodes, or ports to represent the relationships between them.

For more information